<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米官网轮播图</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="banner">
    <div class="tab_wrap">
        <ul class="img_wrap">
            <li class="img_item" style="display: block">
                <img src="images/1.jpg" alt="" class="" width="1226" height="460">
            </li>
            <li class="img_item">
                <img src="images/2.jpg" alt="" class="" width="1226" height="460">
            </li>
            <li class="img_item">
                <img src="images/3.jpg" alt="" class="" width="1226" height="460">
            </li>
            <li class="img_item">
                <img src="images/4.jpg" alt="" class="" width="1226" height="460">
            </li>
            <li class="img_item">
                <img src="images/5.jpg" alt="" class="" width="1226" height="460">
            </li>
        </ul>
    </div>
    <div class="btn_wrap">
        <ul class="btn_list">
            <li class="btn_item active"></li>
            <li class="btn_item"></li>
            <li class="btn_item"></li>
            <li class="btn_item"></li>
            <li class="btn_item"></li>
        </ul>
    </div>
    <div class="tab_btn left">

    </div>
    <div class="tab_btn right"></div>
</div>

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
</body>
</html>